<template>
	<view class="navbar">
		<view class="bark" @click="Return()">
			<image src="../../static/icon/bark.png" mode=""></image>
		</view>
		<view class="text--center f17 white">
			<text v-text="title"></text>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				type:String
			},
			within:{
				type:String
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			Return(){
				uni.navigateBack(1)
			},
			Nav(){
				this.$emit('Nav',true)
			},
		}
	}
</script>

<style lang="less">
	.navbar{
		line-height: 88rpx;
		// height: 88rpx;
		width: 100%;
		position: relative;
		padding-top: 88rpx;
	}
	.bark{
		display: block;
		position: absolute;
		top: 106rpx;
		left: 30rpx;
		z-index: 1;
		width: 48rpx;
		height: 48rpx;
		image{
			display: block;
			width: 100%;
			height: 100%;
		}
	}
	.text{
		color: white;
		font-size: 36rpx;
		font-family: PingFangSC, PingFangSC-Semibold;
		font-weight: 600;
		text-align: center;
		color: #ffffff;
		line-height: 88rpx;
	}
</style>
